<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <th:block th:include="include :: header('实有房屋信息')"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link th:href="@{/res/detailError/lib/weui.min.css}" rel="stylesheet"/>
    <link th:href="@{/res/detailError/css/jquery-weui.css}" rel="stylesheet"/>
    <link th:href="@{/res/detailError/css/common.css}" rel="stylesheet"/>
</head>
<body class="bgline3">

<div class="weui-form-preview">
    <div class="weui-form-preview__hd">
        <label class="weui-form-preview__label">地址门牌号</label>
        <h5 class="weui-form-preview__value tl" th:text="${address.dzmc}" style="font-size: 1em;"></h5>
    </div>
    <div class="weui-form-preview__bd">
        <div class="weui-form-preview__item" th:style="(${houseDisplay.syxs}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 使用形式</label>
            <span class="weui-form-preview__value tl" th:text="${@dict.getValueByCode('SQJW_SYXS',house.syxs)}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwytdm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房屋用途</label>
            <span class="weui-form-preview__value tl"
                  th:text="${@dict.getValueByCode('SQJW_FWYT',house.fwytdm)}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwlbdm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房屋类别</label>
            <span class="weui-form-preview__value tl"
                  th:text="${@dict.getValueByCode('SQJW_FWLB',house.fwlbdm)}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwcqxzzldm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房屋性质</label>
            <span class="weui-form-preview__value tl"
                  th:text="${@dict.getValueByCode('SQJW_FWXZ',house.fwcqxzzldm)}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwjs}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房屋间数</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fwjs}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwmjMjpfm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房屋面积</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fwmjMjpfm}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwcqzh}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 产权证号</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fwcqzh}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fzXm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房主姓名</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fzXm}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fzGmsfhm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房主身份证号</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fzGmsfhm}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fzLxdh}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 房主电话</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fzLxdh}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.tgrXm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 托管人姓名</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.tgrXm}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.tgrGmsfhm}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 托管人身份证号</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.tgrGmsfhm}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.tgrLxdh}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 托管人电话</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.tgrLxdh}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.fwssdwDwmc}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 所属单位</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.fwssdwDwmc}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.djdwGajgmc}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 登记单位</label>
            <span class="weui-form-preview__value tl"
                  th:text="${house.djdwGajgmc}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.djsj}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 登记时间</label>
            <span class="weui-form-preview__value tl"
                  th:text="${#dates.format(house.djsj,'yyyy-MM-dd')}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.hlsj}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 核录时间</label>
            <span class="weui-form-preview__value tl"
                  th:text="${#dates.format(house.hlsj,'yyyy-MM-dd')}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.hlbz}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 核录标识</label>
            <span class="weui-form-preview__value tl"
                  th:text="${@dict.getValueByCode('YBSS_HLBZ',house.hlbz)}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.sjly}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 数据来源</label>
            <span class="weui-form-preview__value tl"
                  th:text="${@dict.getValueByCode('YBSS_SJLY',house.sjly)}"></span>
        </div>
        <div class="weui-form-preview__item" th:style="(${houseDisplay.bq}=='1') ? '' : 'display: none'">
            <label class="weui-form-preview__label bold gray3 wt140 tal">★ 标签</label>
            <span class="weui-form-preview__value tl"
                  th:text="${@label.getParamValue(house.bq)}"></span>
        </div>
    </div>
</div>

<div class="weui-panel weui-panel_access" th:style="(${houseDisplay.gkxx}=='') ? 'display: none' : ''">
    <div class="weui-panel__hd bold">信息发布</div>
    <div class="weui-panel__bd">
        <div class="weui-form-preview">
            <div class="weui-form-preview__bd">
                <div class="weui-form-preview__item">
                    <span class="weui-form-preview__value tl"
                          th:text="${houseDisplay.gkxx}"></span>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="flex between alcenter bgheader mt10">
    <div class="weui-panel weui-panel_access mt0 flex1">
        <div th:each="police : ${police}">
            <div class="weui-panel__hd bold tc">民警信息</div>
            <div class="weui-panel__bd">
                <a href="javascript:void(0);"
                   class="weui-media-box weui-media-box_appmsg column jscenter alcenter pb0 pl0 pr0">
                    <div class="weui-media-box__hd" style="margin-right: 0;">
                        <img class="weui-media-box__thumb"
                             th:src="(${police.avatar} == null) ? @{/res/detailError/img/mj.png} : '/sys/common/view/' + @{${police.avatar}}"
                             alt="User Image">
                    </div>
                    <div class="weui-media-box__bd tc mt5">
                        <div class="weui-media-box__title ft12" th:text="${police.realname}"></div>
                        <p class="weui-media-box__desc" th:text="${police.phone}"></p>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <div class="weui-panel weui-panel_access mt0 flex1">
        <div th:each="gridMember : ${gridMember}">
            <div class="weui-panel__hd bold tc">网格员信息</div>
            <div class="weui-panel__bd">
                <a href="javascript:void(0);"
                   class="weui-media-box weui-media-box_appmsg column jscenter alcenter pb0 pl0 pr0">
                    <div class="weui-media-box__hd" style="margin-right: 0;">
                        <img class="weui-media-box__thumb"
                             th:src="(${gridMember.avatar} == null) ? @{/res/detailError/img/mj.png} : '/sys/common/view/' + @{${gridMember.avatar}}"
                             alt="User Image">
                    </div>
                    <div class="weui-media-box__bd tc mt5">
                        <div class="weui-media-box__title ft12" th:text="${gridMember.realname}"></div>
                        <p class="weui-media-box__desc" th:text="${gridMember.phone}"></p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd bold">公安服务 <a th:href="@{/gafwMore}" class="ft12 corlb fr">查看更多>></a></div>
    <div class="weui-panel__bd">
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/xcode/home.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/sfzxx.png}">
                <p class="ft14 mt5 tc">身份证<br>信息</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/juzhuzhengnew.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/xsdzjzz.png}">
                <p class="ft14 mt5 tc">居住登记<br>信息</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/credentialsLists.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/zjzpxz.png}">
                <p class="ft14 mt5 tc">证件照片<br>下载</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/populationclient/search.shtml')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/cmcx.png}">
                <p class="ft14 mt5 tc">重名查询</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/zayw/sdjw.jsp')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/xssfzbljd.png}">
                <p class="ft14 mt5 tc">身份证 <br> 办理进度</p>
            </div>
            <div class="w25 ptb10 flex column alcenter" onclick="goToApp('https://msjw.gat.shandong.gov.cn/jzsearch')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/djzhcx.png}">
                <p class="ft14 mt5 tc">冻结账号<br>查询</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/ZFGK/app/ajblgk/index.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/ajxxcx.png}">
                <p class="ft14 mt5 tc">案件信息<br>查询</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wechat/html/carlist.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/jtwfcl.png}">
                <p class="ft14 mt5 tc">违法查询<br>处理</p>
            </div>
        </div>
    </div>
</div>
    
<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd bold">政府服务</div>
    <div class="weui-panel__bd">
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://zwfw.sd.gov.cn/JIS/front/login.do?uuid=VC5yraUINZNN&type=2&gotourl=aHR0cDovL3d3dy5zaGFuZG9uZy5nb3YuY24v')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/zwfw.png}">
                <p class="ft14 mt5 tc">政务服务</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"></div>
            <div class="w25 ptb10 flex column alcenter"></div>
            <div class="w25 ptb10 flex column alcenter"></div>
        </div>
    </div>
</div>

<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd bold">随手拍 <a onclick="requestList()" class="ft12 corlb fr">查看更多>></a></div>
    <div class="weui-cells mt0">
        <div th:each="request : ${request}">
            <a class="weui-cell weui-cell_access ft14" th:onclick="requestDetail([[${request.qqid}]])">
                <div class="weui-cell__hd"><img th:src="@{/res/detailError/img/1.png}" class="wt20 ht20"></div>
                <div class="weui-cell__bd"><p th:text="${request.hybt}"></p></div>
                <div class="weui-cell__ft"><p th:text="${#dates.format(request.tjsj,'yyyy-MM-dd HH:mm')}"></p></div>
            </a>
        </div>
    </div>
</div>

<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd bold">你有我需 <a onclick="nywx()" class="ft12 corlb fr">本地房产、招聘、交友、物品、车辆等></a></div>
    <div class="weui-cells mt0">
        <a class="weui-cell weui-cell_access ft14" onclick="iHave()">
            <div class="weui-cell__hd"><img th:src="@{/res/detailError/img/2.png}" class="wt20 ht20"></div>
            <div class="weui-cell__bd"><p>我有！>>出租/出售/找工作</p></div>
            <div class="weui-cell__ft"></div>
        </a>
        <a class="weui-cell weui-cell_access ft14" onclick="iNeed()">
            <div class="weui-cell__hd"><img th:src="@{/res/detailError/img/2.png}" class="wt20 ht20"></div>
            <div class="weui-cell__bd"><p>我需！>>租赁/求物/招聘</p></div>
            <div class="weui-cell__ft"></div>
        </a>
    </div>
</div>

<div class="weui-panel weui-panel_access">
    <div class="weui-panel__hd bold">便民服务 <a th:href="@{/bmfwMore}" class="ft12 corlb fr">查看更多>></a></div>
    <div class="weui-panel__bd">
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/hzlxfs/wxhzlxfs.jsp')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/hzlxfs.png}">
                <p class="ft14 mt5 tc">户政联系<br>方式</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('https://msjw.gat.shandong.gov.cn/wxcustomizelicenseplate/index.shtml')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/clhpcx.png}">
                <p class="ft14 mt5 tc">车辆号牌<br>查询</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/convenience/gzkzlist.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/gzkzml.png}">
                <p class="ft14 mt5 tc">公章刻制业<br>名录</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/convenience/ksylist.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/ksyml.png}">
                <p class="ft14 mt5 tc">开锁业<br>名录</p>
            </div>
        </div>
        <div class="flex">
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/convenience/policelist.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/pcscx.png}">
                <p class="ft14 mt5 tc">派出所<br>信息</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/information/sealRecord.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/yzbazn.png}">
                <p class="ft14 mt5 tc">公章备案<br>指南</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/epidemic/yqfkjcd.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/yqfkjcd.png}">
                <p class="ft14 mt5 tc">疫情防控<br>检查点</p>
            </div>
            <div class="w25 ptb10 flex column alcenter"
                 onclick="goToApp('http://dygawjw.dongying.cn/pages/epidemic/hscyd.html')">
                <img class="wt50 ht50" th:src="@{/res/detailError/img/hscyd.png}">
                <p class="ft14 mt5 tc">核酸<br>采样点</p>
            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<script>
    function goToApp(url) {
        location.href = url;
    }

    function test() {
        alert("功能模块正在开发中，敬请期待~");
    }

    function requestList() {
        location.href = "https://www.zhesq.com/control/request/mobileList";
    }

    function requestDetail(id) {
        location.href = "https://www.zhesq.com/control/request/mobileDetail/" + id;
    }

    function nywx() {
        alert("请选择下方 “我有” 或 “我需”！ ");
    }

    function iHave() {
        location.href = "https://www.zhesq.com/control/nywx/mobileIHaveList";
    }

    function iNeed() {
        location.href = "https://www.zhesq.com/control/nywx/mobileINeedList";
    }
</script>

</body>
</html>
